<template>
  <div class="images">
      <ul>
          <li><img src="https://t7.baidu.com/it/u=613125779,842332090&fm=193&f=GIF" alt=""></li> 
          <li><img src="https://t7.baidu.com/it/u=613125779,842332090&fm=193&f=GIF" alt=""></li> 
          <li><img src="https://t7.baidu.com/it/u=4022230151,492212515&fm=193&f=GIF" alt=""></li> 
          <li><img src="https://t7.baidu.com/it/u=2340400811,4174965252&fm=193&f=GIF" alt=""></li> 
      </ul>
  </div>
</template>

<script>
export default {
    name:'Images'
}
</script>

<style scoped>
    .images{
        width: 100%;
        height: 100%;
        background-color: rgb(0, 225, 255);
    }
    .images img{
        width: 100px;
        height: 200px;
    }
    ul li{
        float: left;
    }
</style>